<!--TODO 切换效果的动画需要实现-->

<!-- 全局的tab -->
<ion-tabs ng-class="{'tabs-item-hide': $root.hideTabs}" class="tabs-light tabs-bottom tabs-icon-top">

    <ion-tab title="首页" href="/tab/home" icon-on="ion-ios-home" icon-off="ion-ios-home-outline">
        <ion-nav-view name="tab-home"></ion-nav-view>
    </ion-tab>

    <ion-tab title="发布" icon-on="ion-ios-compose" icon-off="ion-ios-compose-outline">
        <ion-nav-view name="tab-publish"></ion-nav-view>
    </ion-tab>

    <ion-tab badge="20" title="个人中心" href="/tab/person" icon-on="ion-ios-person" icon-off="ion-ios-person-outline">
        <ion-nav-view name="tab-person"></ion-nav-view>
    </ion-tab>

</ion-tabs>